.line {
  width: 2px;
  height: 30px;
  margin-top: 3px;
  //position: absolute;
  //top: 50%;
  //left: 0;
  //transform: translate(0, -50%);
}

.line:nth-child(7n + 1) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #f55368 137%);
}

.line:nth-child(7n + 2) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #f28515 137%);
}

.line:nth-child(7n + 3) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #fadb14 137%);
}

.line:nth-child(7n + 4) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #52c41a 137%);
}

.line:nth-child(7n + 5) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #40a9ffc7 137%);
}

.line:nth-child(7n + 6) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #0055b0 137%);
}

.line:nth-child(7n + 7) {
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 24%, #ffffff 49%, #ffffff 75%, #3c00b0 137%);
}

:host {
  ::ng-deep {
    .ant-layout {
      background: #ffffff !important;
    }
  }
}
